<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="description" content="mobile first, app, web app, responsive, admin dashboard, flat, flat ui">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">	
	
	<title>Futzapp Back</title>
	<!-- Latest compiled and minified BootStrap StyleSheet -->
	<link rel="stylesheet" href="{{ URL::asset('css/bootstrap.min.css') }}">
	
	<link rel="stylesheet" href="{{ URL::asset('css/bootstrap.css') }}">
  	<link rel="stylesheet" href="{{ URL::asset('css/font-awesome.min.css') }}">
  	<link rel="stylesheet" href="{{ URL::asset('css/font.css') }}">
	<link rel="stylesheet" href="{{ URL::asset('css/style.css') }}">
  	<link rel="stylesheet" href="{{ URL::asset('css/plugin.css') }}">
  	<!--[if lt IE 9]>
	    <script src="{{ URL::asset('js/ie/respond.min.js') }}"></script>
	    <script src="{{ URL::asset('js/ie/html5.js') }}"></script>
	    <script src="{{ URL::asset('js/ie/excanvas.js') }}"></script>
  	<![endif]-->
</head>
<body>
	<!-- header -->
	<header id="header" class="navbar">
	    @if(Auth::check())
	    <ul class="nav navbar-nav navbar-avatar pull-right">
	      <li class="dropdown">
	        <a href="#" class="dropdown-toggle" data-toggle="dropdown" style="padding-top: 15px; padding-bottom: 15px;">            
	          <span class="hidden-xs-only">{{ Auth::user()->username }}</span>
	          <span class="inline">&nbsp;</span>
	          <b class="caret hidden-xs-only"></b>
	        </a>
	        <ul class="dropdown-menu">
	          <li><a href="{{ URL::to('admins/'.Auth::id().'/edit') }}">Profile</a></li>
	          <li><a href="{{ URL::to('admins/logout') }}">Logout</a></li>
	        </ul>
	      </li>
	    </ul>
	    @endif
	    <a class="navbar-brand" href="#">fulbo</a>
	</header>
  	<!-- / header -->
	<!-- nav -->
  	<nav id="nav" class="nav-primary hidden-xs nav-vertical">
    	<ul class="nav" data-spy="affix" data-offset-top="50">
      		<li><a href="{{ URL::to('/') }}"><i class="fa fa-dashboard fa-lg"></i><span>Dashboard</span></a></li>
      		<li><a href="{{ URL::to('users') }}"><i class="fa fa-male fa-lg"></i><span>Jugadores</span></a></li>
      		<li><a href="{{ URL::to('matches') }}"><i class="fa fa-gamepad fa-lg"></i><span>Partidos</span></a></li>
      		<li><a href="{{ URL::to('fields') }}"><i class="fa fa-bookmark fa-lg"></i><span>Canchas</span></a></li>
      		<li><a href="{{ URL::to('matchTypes') }}"><i class="fa fa-sliders fa-lg"></i><span>Tipo de<br/>partidos</span></a></li>
      		<li><a href="{{ URL::to('groups') }}"><i class="fa fa-users fa-lg"></i><span>Grupos de<br/>amigos</span></a></li>
      		<li><a href="{{ URL::to('admins') }}"><i class="fa fa-gears fa-lg"></i><span>Admin<br/>users</span></a></li>
      	</ul>
    </nav>
  <!-- / nav -->

<section id="content">
    <section class="main padder">
		<!-- page title element -->
		<div class="clearfix">
        	<h4><i class="fa fa-edit"></i>@yield('title')</h4>
      	</div>
		
		<!-- will be used to show any messages -->
		@if (Session::has('message'))
			<div class="alert alert-info">{{ Session::get('message') }}</div>
		@endif
		
		<!-- page content section -->
		@yield('content')
	</section>
</section>

@yield('modals')

<!-- footer -->
<div style="clear: both;">
<footer id="footer">
	<div class="text-center padder clearfix">
		<p>
	        <small>&copy; fulbo 2014</small><br><br>
      	</p>
    </div>
</footer>
</div>
<!-- / footer -->

<!-- Google Maps -->
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAqlMLa2hKGgZ0qgiO-5Iwe6SU--JDADn4&sensor=TRUE" >
</script>
<!-- JQuery -->
<script src="{{ URL::asset('js/jquery-1.11.1.min.js') }}"></script>
<!-- Bootstrap -->
<script src="{{ URL::asset('js/bootstrap.min.js') }}"></script>
<!-- app -->
<script src="{{ URL::asset('js/app.js') }}"></script>
<script src="{{ URL::asset('js/app.plugin.js') }}"></script>
<script src="{{ URL::asset('js/app.data.js') }}"></script>

<!-- datatables -->
<script src="js/datatables/jquery.dataTables.min.js"></script>

@yield('scripts')

</body>
</html>
